<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!--
Copyright (c) 2012, 2021, Oracle and/or its affiliates.

This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License, version 2.0,
as published by the Free Software Foundation.

This program is also distributed with certain software (including
but not limited to OpenSSL) that is licensed under separate terms,
as designated in a particular file or component or in included license
documentation.  The authors of MySQL hereby grant you an additional
permission to link the program and your derivative works with the
separately licensed software that they have included with MySQL.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License, version 2.0, for more details.

You should have received a copy of the GNU General Public License
along with this program; if not, write to the Free Software
Foundation, Inc., 51 Franklin St, Fifth Floor, Boston, MA  02110-1301 USA
-->
<html dir="ltr" lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
        <title>MySQL Cluster</title>
        <link href="img/favicon.ico" rel="icon" type="image/x-icon"/>
        <link rel="stylesheet" type="text/css" 
                href="dojo/dijit/themes/claro/claro.css"/>
        <link rel="stylesheet" type="text/css" href="css/welcome.css"/>

        <script type="text/javascript" src="dojo/dojo/dojo.js" djConfig="parseOnLoad: true"></script>

        <script type="text/javascript">
            // Path to top level mcc module
            dojo.registerModulePath("mcc", "../../js/mcc");

            // MCC modules immediately required
            dojo.require("mcc.util");

            // Dojo widgets immediately required
            dojo.require("dijit.form.Button");
            
            // Check browser type
            dojo.ready(function() {
                var supportedUa = navigator.userAgent.match(/firefox|chrome|msie/gi);

                mcc.util.dbg("Browser application name is " + navigator.appName);
                mcc.util.dbg("Browser application version is " + navigator.appVersion);
                mcc.util.dbg("User agent string is: " + navigator.userAgent);
                mcc.util.dbg("User agent " + supportedUa + " is supported"); 
                
                if (!supportedUa) {
                    alert("You seem to be using a " + navigator.appName + 
                        " browser, which is currently not supported by the " +
                        "MySQL Cluster configuration tool. You may choose to " +
                        "continue anyway, but beware that the tool may not " +
                        "work as intended.");
                }
            });

        </script>
    </head>
    <body class="claro">
        <!-- Welcome title image -->
        <div id="title"><img alt="Oracle logo" src="img/welcome-title.png"></div>

        <!-- Big MySQL Logo image in the background -->
        <div id="mysql-logo"><img alt="MySQL logo" src="img/welcome-mysql-logo.png"></div>
        
        <!-- Configuration box: Start from scratch or continue -->
        <div id="configure-box-wrapper"><div id="configure-box">
          <table summary="Options for starting configuration tool">
            <tr><th colspan="2" scope="col" class="configure-item">
                <h2>Welcome to MySQL Cluster</h2>
            </th></tr>
            <tr><td colspan="2" class="configure-item-subtext">
                This tool will aid cluster configuration. Please select an 
                option below by clicking the appropriate icon.
            </td></tr>
            <tr><td colspan="2" class="configure-item-sep"></td></tr>
            <tr><td colspan="2" class="configure-item">
                <a href="javascript:{}" onClick="mcc.util.resetCookies(); 
                        window.open('content.html', '_self'); return false">Create New MySQL Cluster</a>
            </td></tr>
            <tr>
                <td><button class="iconButton" 
                    id="createNewCluster"
                    data-dojo-type="dijit.form.Button" 
                    data-dojo-props="baseClass: 'iconButton', iconClass: 
                        'newClusterIcon', showLabel: false, 
                        label: 'Create New MySQL Cluster'" 
                    type="button" 
                    onCLick="mcc.util.resetCookies(); 
                        window.open('content.html', '_self')">
                    Create New MySQL Cluster</button>
                </td>
                <td class="configure-item-subtext">
                    Choose this option when you create your first MySQL Cluster 
                    configuration, or if you want to start from scratch.
                </td>
            </tr>
            <tr><td colspan="2" class="configure-item-sep"></td></tr>
            <tr><td colspan="2" class="configure-item">
                <a href="javascript:{}" onClick="window.open('content.html', '_self'); return false;">Continue Previous Cluster Configuration</a>
            </td></tr>
            <tr>
                <td><button class="iconButton" 
                    id="continueExistingCluster"
                    data-dojo-type="dijit.form.Button" 
                    data-dojo-props="baseClass: 'iconButton', iconClass: 
                        'continueClusterIcon', showLabel: false,
                        label: 'Continue Previous Cluster Configuration'" 
                    type="button" onCLick="window.open('content.html', '_self')">
                    Continue Previous Cluster Configuration</button>
                </td>
                <td class="configure-item-subtext">
                    Continue working on the previous MySQL Cluster 
                    configuration.
                </td>
            </tr>
            <tr><td colspan="2" class="configure-item-sep"></td></tr>
        </table></div></div>
    </body>
</html>

